<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			.mui-content ul{
				margin-bottom: 20px;
			}
			.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after{
				right: 30px;
			}
			.mui-table-view-cell:after{
				right: 15px;
			}
			.mui-input-group .mui-input-row:nth-of-type(3):after,.mui-input-group:before{
				height: 0;
			}
			.mui-table-view-cell.mui-active{
				background: white;
			}
			
		</style>
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">设置</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view ">
		            <li class="mui-table-view-cell mui-collapse">
		                <a>
		                  	账号安全
		                </a>
		                <ul class="mui-table-view">
		                        <li class="mui-table-view-cell" id="passwd">
		                            <a >密码</a>
		                        </li>
		                        <li class="mui-table-view-cell" id="cellnum">
		                           <a >手机号</a>
		                           
		                        </li>
		                        <li class="mui-table-view-cell" id="email">
		                            <a>邮箱</a>       
		                        </li>
		                    </ul>
		            </li>
		            <li class="mui-table-view-cell">
		   	            <a>
		   	               	消息通知
		   	            </a>
		   	        </li>
		   	     
		   	        <li class="mui-table-view-cell mui-collapse">
		   	            <a>
		   	             	 动态设置
		   	            </a>
		   	            <div class="mui-input-group mui-collapse-content">
		   	            	<div class="mui-input-row mui-radio ">
		   	            	    <label>所有人可见</label>
		   	            	    <input name="radio" type="radio" checked>
		   	            	</div>
		   	            	<div class="mui-input-row mui-radio ">
		   	            	    <label>好友可见</label>
		   	            	    <input name="radio" type="radio" >
		   	            	</div>
		   	            	<div class="mui-input-row mui-radio ">
		   	            	    <label>自己可见</label>
		   	            	    <input name="radio" type="radio">
		   	            	</div>
		   	            </div>
		   	            
		   	            
		   	            
		   	        </li>
		   	    </ul>
		    
		</div>
	</body>
	<script type="text/javascript">
		document.getElementById("passwd").addEventListener("tap",function(){
			mui.openWindow({
				url:"setPassword.html",
				id:"setPassword"
			});
		});
		
	</script>
</html>